<template>
  <div class="find">
    <van-nav-bar
      title="优选好礼"
      left-text=''
      class="youxuantitile"
    />
      <van-tabs v-model="active">
        <van-tab v-for="(i,index) in title" :title='i.name' :key='index'>
          <div v-if="active==0">
            <h1>11s</h1>
          </div>
        </van-tab>
      </van-tabs>
  </div>
</template>
<script>
export default {
  data () {
    return {
      active:2,
      title:[{
        name:'营养师专栏'
      },{
        name:'优选厨房'
      },{
        name:'美食文化'
      }]
    }
  }
}
</script>
<style scoped>
.van-hairline--bottom::after{
  border-bottom-width:0;
}
.van-nav-bar__title {
  font-size:18px;
  font-weight: 510;
  color:#000000
}
</style>
